import React from "react";
import { Button } from "antd";
import { Document, Page, Text, View, StyleSheet } from "@react-pdf/renderer";

// Create styles
const styles = StyleSheet.create({
	page: {
		flexDirection: "row",
		backgroundColor: "#E4E4E4"
	},
	section: {
		margin: 10,
		padding: 10,
		flexGrow: 1
	}
});

// Create Document Component
const MyDocument = () => (
	<div>
		<Button type="primary">Test</Button>
		<Document>
			<Page size="A4" style={styles.page}>
				<View style={styles.section}>
					<Text>Section #1</Text>
				</View>
				<View style={styles.section}>
					<Text>Section #2</Text>
				</View>
			</Page>
		</Document>
	</div>
);

export default MyDocument;
